<html>
<head>
<title>Sticky Note</title>
<link rel="stylesheet" type="text/css" href="./css/style.css"></link>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous">
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link rel="shortcut icon" type="image/png" href="./img/notes.png" />
</head>
<body>
<header>
<div class="container">
<div id="header">
<h1><i class="fas fa-sticky-note"></i> Sticky Notes</h1>
</div>
</div>
</header>
<div>
<ul>
<li>
<a href="#" contenteditable="true">
<h2>Title #1</h2>
<p>Text Content #1</p>
</a>
</li>
<li>
<a href="#" contenteditable="true">
<h2>Title #2</h2>
<p>Text Content #2</p>
</a>
</li>
<li>
<a href="#" contenteditable="true">
<h2>Title #3</h2>
<p>Text Content #3</p>
</a>
</li>
<li>
<a href="#" contenteditable="true">
<h2>Title #4</h2>
<p>Text Content #4</p>
</a>
</li>
<li>
<a href="#" contenteditable="true">
<h2>Title #5</h2>
<p>Text Content #5</p>
</a>
</li>
<li>
<a href="#" contenteditable="true">
<h2>Title #6</h2>
<p>Text Content #6</p>
</a>
</li>
<li>
<a href="#" contenteditable="true">
<h2>Title #7</h2>
<p>Text Content #7</p>
</a>
</li>
<li>
<a href="#" contenteditable="true">
<h2>Title #8</h2>
<p>Text Content #8</p>
</a>
</li>
</ul>
</div>
<script src="./js/script.js"></script>
</body>
</html>